.page-box {
  padding: 0 0 20rpx 0;
  .header {
    padding: 32rpx 32rpx 0 32rpx;
    height: 543rpx;
    background: linear-gradient(180deg, #1226aa 50%, #ebeef5 100%);
    .top {
      .pic {
        width: 92rpx;
        height: 92rpx;
        image {
          width: 92rpx;
          height: 92rpx;
          border-radius: 16rpx;
        }
      }
      .text {
        margin-left: 19rpx;
        font-weight: 600;
        font-size: 32rpx;
        color: #ffffff;
        line-height: 45rpx;
      }
    }
    .info {
      margin-top: 44rpx;
      .left {
        width: 264rpx;
        border-right: 1px solid rgba(19, 151, 197, 0.3);
      }
      .right {
        width: calc(100% - 264rpx);
      }
      .t1 {
        font-weight: 600;
        font-size: 38rpx;
        color: #ffffff;
        line-height: 44rpx;
        margin-bottom: 2rpx;
      }
      .t2 {
        font-weight: 400;
        font-size: 22rpx;
        color: #98a0d1;
        line-height: 30rpx;
      }
    }
  }
  .section {
    position: relative;
    padding: 0 32rpx;
    margin: -256rpx 0 0 0;
    .form-box {
      background: #ffffff;
      border-radius: 20rpx;
      padding: 24rpx 24rpx 32rpx 24rpx;
      .form-item {
        margin-bottom: 24rpx;
        .title {
          font-weight: 600;
          font-size: 24rpx;
          color: #2e3233;
          line-height: 33rpx;
          margin-bottom: 12rpx;
          &.required::before {
            color: #1226aa !important;
            content: '*';
            font-size: 24rpx;
            color: #2e3233;
            line-height: 33rpx;
          }
        }
        .input-box {
          position: relative;
          padding-left: 24rpx;
          height: 80rpx;
          background: #ffffff;
          border-radius: 16rpx;
          border: 1px solid #d7dae0;
          box-sizing: border-box;
          .text-bar {
            position: absolute;
            right: 24rpx;
            top: 24rpx;
            font-weight: 400;
            font-size: 24rpx;
            color: #2e3233;
          }
          .uni-input {
            width: 100%;
            height: 100%;
            display: block;
            font-size: 24rpx;
          }
        }
        .dropdown {
          padding: 0 24rpx;
          height: 80rpx;
          background: #ffffff;
          border-radius: 16rpx;
          border: 1px solid #d7dae0;
          .dropdown-wrap {
            font-size: 24rpx !important;
            color: #2e3233;
          }
          .dropdown-ico {
            width: 14rpx;
            height: 11rpx;
            display: block;
            background: url('http://www.szxlyc.com/uploads/product/20240915/NeWeC12xbFsNpoByIKrhRVoNi88XfYEq0M1a0vd1.png') no-repeat center;
            background-size: contain;
          }
        }
        .input-code {
          position: relative;
          height: 80rpx;
          background: #ffffff;
          border-radius: 16rpx;
          box-sizing: border-box;
          .pic {
            width: 220rpx;
            height: 80rpx;
            image {
              width: 220rpx;
              height: 80rpx;
            }
          }
          .get-code {
            width: 220rpx;
            height: 80rpx;
            background: #1226aa;
            border-radius: 16rpx;
            font-size: 24rpx;
            color: #ffffff;
            &.isDisabled {
              opacity: 0.7;
            }
          }
          .uni-input {
            width: 398rpx;
            height: 100%;
            padding-left: 24rpx;
            border: 1px solid #d7dae0;
            display: block;
            font-size: 24rpx;
            box-sizing: border-box;
          }
        }
        .upload-list {
          position: relative;
          flex-wrap: wrap;
          .default {
            width: 163rpx;
            height: 152rpx;
            background: #ebeef5;
            border-radius: 16rpx;
            .iconfont {
              font-size: 51rpx;
              color: #d8d8d8;
            }
          }
          .pic-box {
            position: relative;
            flex: 0 0 23%;
            margin-right: 10rpx;
            margin-bottom: 10rpx;
            &:nth-of-type(4n) {
              margin-right: 0;
            }
            image {
              width: 144rpx;
              height: 144rpx;
            }
            .delete {
              position: absolute;
              right: 10rpx;
              top: -13rpx;
              width: 30rpx;
              height: 30rpx;
              border-radius: 50%;
              background-color: #bb3434;
              z-index: 999;
              .iconfont {
                font-size: 20rpx;
                color: #ffffff;
              }
            }
          }
          .car-info {
            position: absolute;
            right: 10rpx;
            top: 10rpx;
            white-space: nowrap;
            z-index: 9;
            .tip {
              color: #b2b2b2;
              font-size: 24rpx;
            }
            .car-text {
              text-align: right;
              font-size: 26rpx;
              margin-bottom: 8rpx;
            }
          }
        }
      }
    }
    .agreement {
      margin: 32rpx 0 0 24rpx;
      .t1 {
        font-weight: 400;
        font-size: 24rpx;
        color: #6e767a;
        line-height: 33rpx;
      }
      .tt {
        font-weight: 400;
        font-size: 24rpx;
        color: #1226aa;
        line-height: 33rpx;
      }
    }
    .btn {
      margin: 32rpx 0 20rpx 0;
      height: 100rpx;
      background: #1226aa;
      border-radius: 50rpx;
      font-weight: 400;
      font-size: 28rpx;
      color: #ffffff;
      &.disabled {
        opacity: 0.7;
      }
    }
    .prompt-text {
      font-weight: 400;
      font-size: 22rpx;
      color: #6e767a;
      line-height: 30rpx;
    }
  }
}

.popup-content {
  .content {
    position: relative;
    width: 600rpx;
    padding: 0 32rpx 34rpx 32rpx;
    background: linear-gradient(180deg, #f6f2ea 0%, #ffffff 100%);
    border-radius: 20rpx;
    box-sizing: border-box;
    .title {
      margin-top: 49rpx;
      .t1 {
        font-weight: 600;
        font-size: 32rpx;
        color: #2e3233;
        line-height: 45rpx;
      }
    }
    .tt {
      font-weight: 400;
      font-size: 24rpx;
      color: #6e767a;
      line-height: 33rpx;
      margin-top: 22rpx;
      margin-bottom: 13rpx;
      text-align: left;
      padding-left: 24rpx;
    }
    .desc-box {
      .desc {
        text-indent: 2em;
        font-size: 24rpx;
        color: #6e767a;
        line-height: 33rpx;
        margin-bottom: 20rpx;
      }
      .confirm-btn {
        margin-bottom: 12rpx;
      }
      .info {
        font-size: 24rpx;
        color: #6e767a;
        line-height: 33rpx;
        margin-bottom: 32rpx;
      }
    }
    .confirm-btn {
      height: 80rpx;
      background: #1226aa;
      border-radius: 50rpx;
      font-size: 28rpx;
      color: #ffffff;
    }
  }
  .icon-a-tubiaochangyongsousuo9 {
    position: absolute;
    bottom: -110rpx;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 64rpx;
    color: #fff;
  }
}
